@media (max-width:760px) {

.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

  }

  

  .wp1200 {

    width: 390px;

    margin: 0 auto;

  }

  

  .wp1620 {

    width: 390px;

    margin: 0 auto;

  }

  

  body {

    background: #FFF;

  }

  

  .gray {

    background: #f9f7f6;

  }

  

  .recommend {

  

    /*推荐案例*/

  

    /*业务展示*/

  }

  

  .recommend-title {

    text-align: center;

    padding-top: 10px;

  }

  

  .recommend-title h5 {

    font-size: 36px;

    line-height: 36px;

    color: #333;

  }

  

  .recommend-title h6 {

    font-size: 15px;

    line-height: 50px;

    color: #999;

  }

  

  .recommend-case {

    padding-top: 85px;

    background: #ebebeb;

    min-width: 390px;

  }

  

  .recommend-case-box {

    margin: 0 auto;

    max-width: 390px;

    min-width: 390px;

  }

  

  .recommend-case-swiper {

    padding-top: 40px;

    padding-bottom: 40px;

    position: relative;

    width: 100%;

    height: 480px;

    overflow: hidden;

  }

  

  .recommend-case-swiper .swiper-slide {

    width: 33.33%;

  }

  

  .recommend-case-box2 {

    display: block;

    width: 100%;

    height: 400px;

    box-sizing: border-box;

    padding: 0 12px;

  }

  

  .recommend-case-box3 {

    transition: all .3s ease;

    display: block;

    width: 100%;

    height: 100%;

    background: #FFF;

    border: 1px solid #dcdcdc;

    box-sizing: border-box;

    padding: 24px 26px 0px;

  }

  

  .recommend-case-box3:hover {

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    transform: translate3d(0, -5px, 0);

  }

  

  .recommend-case-box3:hover .text h5 {

    color: #b41515;

  }

  

  .recommend-case .img {

    position: relative;

    width: 100%;

    height: 259px;

    overflow: hidden;

  }

  

  .recommend-case .img img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: auto !important;

    transition: all .4s ease;

  }

  

  .recommend-case .text {

    padding-left: 16px;

    box-sizing: border-box;

    width: 100%;

  }

  

  .recommend-case .text h3 {

    transition: all .2s ease;

    color: #444;

    margin-top: 22px;

    font-size: 16px;

    line-height: 16px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  

    .recommend-case .text h3 {

      margin-top: 32px;

    }

  

  

  

  .recommend-case .text h6 {

    overflow: hidden;

    max-height: 48px;

    margin-top: 8px;

    color: #a3a3a3;

    line-height: 24px;

    font-size: 12px;

  }

  

  .recommend-case .recommend-case-prev {

    cursor: pointer;

    position: absolute;

    z-index: 10;

    top: 156px;

    left: 40px;

    width: 35px;

    height: 71px;

    background: url(../wzimg/recommend_icon_0.png) rgba(0, 0, 0, 0.85) no-repeat;

    background-position: 9px 26px;

    transition: all .2s ease;

  }

  

  .recommend-case .recommend-case-prev:hover {

    background-color: rgba(0, 0, 0, 0.6);

  }

  

  .recommend-case .recommend-case-next {

    cursor: pointer;

    position: absolute;

    z-index: 10;

    top: 156px;

    right: 40px;

    width: 35px;

    height: 71px;

    transform: rotate(180deg);

    background: url(../wzimg/recommend_icon_0.png) rgba(0, 0, 0, 0.85) no-repeat;

    background-position: 9px 26px;

    transition: all .2s ease;

  }

  

  .recommend-case .recommend-case-next:hover {

    background-color: rgba(0, 0, 0, 0.6);

  }

  

  .recommend-business {

    min-width: 370px;

    background: #F1F1F1;

    box-sizing: border-box;

    height: 1120px;

  }

  

  

  

  .recommend-business-li + .recommend-business-li {

    border-left: 1px solid #f6f6f6;

    box-sizing: border-box;

  }

  

  .recommend-business-li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    text-align: center;

    width: 100%;

    height: 100%;

    background: #FFF;

    transition: all .3s ease;

        border: 1px solid #ddd;

      margin-bottom: 10px;

  }

  

  .recommend-business-li:hover {

    z-index: 10;

    box-shadow: 0 0 59px rgba(0, 0, 0, 0.07);

  }

  

  .recommend-business-li .img {

    position: absolute;

    top: 0;

    margin-top: 10px;

    display: block;

    text-align: center;

  }

  

  .recommend-business-li .img:hover img {

    width: 100px;

  }

  

  .recommend-business-li .img img {

    width: 92px;

    transition: all .3s ease;

  }

  

  .recommend-business-li .img h5 {

    font-size: 16px;

    color: #000;

    font-family: "SimHei";

    line-height: 24px;

  }

  

  .recommend-business-li .img h6 {

    font-size: 12px;

    color: #dddddd;

    line-height: 15px;

    font-family: "BT";

  }

  

  .recommend-business ul {

    margin-top: 245px;

    display: inline-block;

    vertical-align: top;

    text-align: left;

  }

  

  .recommend-business ul li a {

    margin-left: -12px;

    position: relative;

    font-size: 14px;

    line-height: 30px;

    color: #585858;

    padding-left: 12px;

  }

  

  .recommend-business ul li a:hover {

    opacity: .7;

  }

  

  

  

  .recommend-keyword {

    padding-top: 40px;

    padding-bottom: 50px;

    width: 100%;

    min-width: 390px;

    background: #f1f1f1;

  }

  

  .recommend-keyword-box {

    width: 390px;

    margin: 0 auto;

    font-size: 0;

    text-align: center;

  }

  

  .recommend-keyword-box li {

    display: inline-block;

    vertical-align: top;

  }

  

  .recommend-keyword-box li a {

    font-size: 12px;

    color: #90939A;

    line-height: 28px;

  }

  

  .recommend-keyword-box li a:hover {

    color: #B9B9B9;

  }

  

  .recommend-keyword-box li:after {

    display: inline-block;

    vertical-align: top;

    font-size: 12px;

    line-height: 28px;

    padding-left: 15px;

    padding-right: 15px;

    content: '|';

    color: #e0e0e0;

  }

  

  .recommend-project {

    min-width: 390px;

    background: #EBEBEB;

    padding: 70px 12px 105px;

    box-sizing: border-box;

  }

  

  .recommend-project .recommend-project-box {

    max-width: 390px;

    margin: 0 auto;

    margin-top: 40px;

    font-size: 0px;

  }

  

  .recommend-project .recommend-project-li-box {

    width: 25%;

    box-sizing: border-box;

    padding-left: 8px;

    padding-right: 8px;

    display: inline-block;

    vertical-align: top;

  }

  

  .recommend-project .recommend-project-li {

    position: relative;

    display: block;

    width: 100%;

    min-height: 120px;

    transition: .3s ease-in-out;

  }

  

  .recommend-project .recommend-project-li-a {

    border: 1px solid #EAEAEA;

    position: relative;

    z-index: 10;

    width: 100%;

    height: 100%;

    padding: 20px;

    padding-bottom: 35px;

    box-sizing: border-box;

    background-color: #FFF;

  }

  

  .recommend-project .recommend-project-li:hover {

    transform: translate(0px, -5px);

  }

  

  .recommend-project .recommend-project-li:hover .text .title {

    color: #D12322;

  }

  

  .recommend-project .recommend-project-li:hover .text .title-li {

    color: #b41515;

  }

  

  .recommend-project .recommend-project-li .img {

    width: 100%;

  }

  

  .recommend-project .recommend-project-li .img img {

    width: 100%;

    height: auto !important;

  }

  

  .recommend-project .recommend-project-li .text {

    padding: 40px 10px 0px;

    box-sizing: border-box;

    text-align: left;

  }

  

  .recommend-project .recommend-project-li .text .title-li {

    line-height: 19px;

    font-size: 19px;

    color: #000;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    transition: .3s ease-in-out;

  }

  

  .recommend-project .recommend-project-li .text .content {

    margin-top: 14px;

    font-size: 13px;

    line-height: 26px;

    max-height: 52px;

    color: #888;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

  }

  

  .recommend-project .recommend-project-li .text .time {

    padding-top: 20px;

    color: #888;

    font-size: 12px;

    font-family: "Arial";

  }

  

  .recommend-project .recommend-project-li .text .time span:before {

    content: '-';

  }

  

  .padg {

    text-align: center;

    padding-top: 0px;

    padding-bottom: 13px;

    text-align: center;

  }

  

  .padg span, .padg a {

    display: inline-block;

    height: 42px;

    color: #646464;

    border: 1px solid #dedede;

    line-height: 42px;

    box-sizing: border-box;

    background: #FFF;

    margin: 0 8px;

    padding: 0 16px;

    border-radius: 5px;

    font-size: 13px;

    transition: all .2s ease;

  }

  

  .padg a:hover, .padg .padg-now {

    background: #d12322;

    border-color: #d12322;

    color: #fff;

  }

  

  .padg .padg-list {

    display: inline;

  }

  

    .recommend-title h5 {

      font-size: 28px;

      line-height: 28px;

    }

  

    .recommend-title h6 {

      font-size: 13px;

      line-height: 40px;

    }

  

    .recommend-case {

      padding-bottom: 30px;

    }

  

    .recommend-case-box {

      max-width: auto;

      min-width: 0;

      width: 390px;

    }

  

    .recommend-case-box2 {

      padding: 0 6px;

    }

  

    .recommend-case-swiper {

      height: 420px;

      padding-top: 20px;

      padding-bottom: 0px;

    }

  

    .recommend-keyword {

      padding-top: 35px;

      padding-bottom: 35px;

    }

  

    .recommend-case .img {

      height: 200px;

    }

  

    .recommend-case .text {

      padding-left: 0px;

    }

  

    .recommend-case-box2 {

      height: 360px;

    }

  

    .recommend-case .recommend-case-prev {

      left: 33px;

    }

  

    .recommend-case .recommend-case-next {

      right: 33px;

    }

  

  

  

    .recommend-business-box {

      margin-top: 20px;

      height: 190px;

      max-width: none;

      min-width: 0;

      width: 370px;

      margin: 0 auto;

    }

  

    .recommend-business-li .img h5 {

      font-size:14px;

      line-height: 20px;

    }

  

    .recommend-business-li .img h6 {

      font-size: 12px;

    }

  

    .recommend-business ul {

      margin-top: 40px;

      margin-left: 100px;

    }

  

    .recommend-project {

      padding-bottom: 50px;

      padding-top: 50px;

    }

  

    .recommend-project .recommend-project-box {

      max-width: none;

      width: 390px;

      margin-top: 20px;

    }

  

    .recommend-project .recommend-project-li-a {

      padding: 10px;

    }

  

    .recommend-project .recommend-project-li .text {

      padding-top: 20px;

      padding-bottom: 10px;

    }

  



  

  .articleBottom .keyword {

    padding-top: 0px !important;

  }

  

  

  .recommend-business-li ul li{float: left;margin-left: 30px;text-align: center;}

  

  

}